<template>
	<view class="selectpays">
		<view class="title-search">
			<up-input placeholder="请输入" suffixIcon="search" suffixIconStyle="color: #909399"></up-input>
		</view>
		<view class="content" v-for="(item,index) in 10" :key="index" @click="gobacks">
			<view class="">
				广州市供电公司
			</view>
			<view class="">
				<image src="../../../../static/icons/右箭头 (1).png" mode="" style="width: 35rpx;height:35rpx;"></image>
			</view>
		</view>
	</view>
</template>

<script setup>
	const gobacks = () => {
		uni.navigateBack({
			delta: 1
		})
	}
</script>

<style lang="scss">
	.selectpays {
		height: calc(100vh - 60rpx);
		background-color: #fcfcfc;
		padding: 30rpx;

		.content {
			display: flex;
			justify-content: space-between;
			font-size: 28rpx;
			border-bottom: 2rpx solid #f2f2f2;
			padding-bottom: 30rpx;
			margin-bottom: 30rpx;
		}

		.title-search {
			margin-bottom: 50rpx;

			.u-input {
				background-color: #efefef;
				border: none;
				border-radius: 50px;
				padding: 50rpx;
			}

			.u-input__content__field-wrapper__field {
				padding: 10rpx 20rpx;
			}
		}
	}
</style>